import React from 'react';
import ReactDOM from 'react-dom';
import Header from '../modules/Header.js';
import ClassifyName from "./classifyName";
import NavLink from '../modules/NavLink.js';
import { Pagination } from 'antd';
import Footer from '../modules/Footer.js';
var IndexLink = require('react-router').IndexLink;

class ClassifyMusic extends React.Component {
  render() {
      var letterStyle = {
        clear:'both'
        };
    return (
      <div>
        <Header/>
        <div className="box" style={letterStyle}></div>
        <div id="main">
            <ClassifyName/>
            <div id="detail" className="margin">
                <div className="title1 clear">
                    <h3>全部歌单</h3>
                    <ul className="hot clear">
                        <li><NavLink to="/ClassifyMusic/Recomment">推荐</NavLink></li>
                        <li><NavLink to="/ClassifyMusic/ClassifyMusicNew" activeClassName="active">最新</NavLink></li>
                    </ul>
                </div>
                <div>
                    {this.props.children}
                </div>   
                <div className="margin" style={{textAlign:"center",marginBottom:"60"}}>
                    <p style={{display:"inline-block"}}>
                        <Pagination defaultCurrent={1} total={6634} />
                    </p>
                </div> 
            </div>
        </div>
        <Footer/>
      </div>
    );
  }
}
module.exports = ClassifyMusic;
